/*
Copyright (C) 2014 Administrator

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
*/
/*
    Created on : 2014-7-9, 15:04:29
    Author     : Administrator
*/
/* @see http://www.blueidea.com/tech/site/2006/3574.asp */
/*页面层容器*/
#container {
    margin:0 auto;
    width:100%;
}

/*页面头部*/
#header {
    //background-color: #99ccff;
    background:#99ccff url("#{resource['images:bg/banner.jpg']}") repeat; /*加入背景图片*/
    //background-repeat: repeat;
    //width:800px;
    margin:0 auto;
    height:80px;
    //border-bottom:1px solid #0000ff;
}

#logo {
    float: left;
    height: 64px;
    width: 64px;
    //margin: 5px;
}

/* 会旋转的LOGO图片：http://www.techgigs.in/make-your-site-logo-interactive-with-css3/ */
#logo img {
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
-webkit-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
transition-duration: 0.9s;
overflow:hidden;
/*overflow: visible !important;*/
}

#logo img:hover {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
overflow: visible !important;
}

#menu {padding:20px 20px 0 0;}
/*利用padding:20px 20px 0 0来固定菜单位置*/
#menu ul {float:right;list-style:none;margin:0px;}
/*添加了float:right使得菜单位于页面右侧*/
#menu ul li {float:left;margin:0 10px;display:block;line-height:28px}
#menu ul li a:link,#menu ul li a:visited {font-weight:bold;color:#666}
#menu ul li a:hover{}
.menuDiv {width:1px;height:28px;background:#999}

#banner {
    background:url("#{resource['images:banner.jpg']}") 0 30px no-repeat; /*加入背景图片*/
    width:730px; /*设定层的宽度*/
    margin:auto; /*层居中*/
    height:240px; /*设定高度*/
    //border-bottom:5px solid #efefef; /*画一条浅灰色实线*/
    clear:both /*清除浮动*/
}

/*页面主体*/
#pagebody {
    //width:730px; /*设定宽度*/
    margin:0px auto; /*居中*/
    width:100%;
    /*width:800px;
    margin:0 auto;*/
    /*height:400px;
    background:#ccff00;*/
}

#left {
    /*float: left;*/
    background-color: blue;
    width: 198px;
    /*height: 100%;*/
    //border: 1px solid red;
}

.sidebar {
    //float:left; /*浮动居左*/
    width:200px; /*设定宽度*/
    background:#cf9;
    text-align:left; /*文字左对齐*/
    //clear:left; /*不允许左侧存在浮动*/
    overflow:hidden; /*超出宽度部分隐藏*/
    padding: 2px;
    //border: 1px solid green;
    vertical-align: top;
}

.content {
    //margin-left:205px !important;
    //margin-left:202px;
    height:auto !important;
    height:100px;
    //width:570px;
    text-align:left;
    //float:right; /*浮动居右*/
    //clear:right; /*不允许右侧存在浮动*/
    //overflow:hidden;
    /*float:right;*/
    background-color: #ffcc99;
    //margin-left: 165px;
    /*margin-left: 200px;*/
    //border: 1px solid red;
    vertical-align: top;
}

/*页面底部*/
.footer {
    //background-color: #f5f5f5;
    bottom: 0;
    //height: 60px;
    position: absolute;
    text-align:center;
    //width: 100%;
    width:180px;
    padding: 4px;
}

.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
